<template>
  <view class="pay-p body column">
    <view class="column box-view">
      <image class="avatar" :src="logo" mode="scaleToFill" />
      <view class="h6">向<text>{{name}}</text>付款</view>
      <view class="form">
        <view class="h1">支付金额</view>
        <view class="inp-view row">
          <view class="unit">¥</view>
          <!-- <input type="text" placeholder="请输入"> -->
          <view :class="['inp', price ? '' : 'c-gray']">{{
            price || "请输入"
          }}</view>
          <view class="icon-view row" @click="clearPrice">
            <view class="icon row">x</view>
          </view>
        </view>
        <view class="s-view row">
          <input type="text" placeholder="请添加备注" v-model="notes" />
          <!-- <view class="btn">全部提现</view> -->
        </view>
      </view>
    </view>
   
    <view class="keyword row">
      <view class="num-view row">
        <view
          v-for="(item, index) in 9"
          :key="index"
          @click="selPrice(index + 1)"
          class="item row"
        >
          {{ index + 1 }}
        </view>
        <view class="item row zero" key="10000" @click="selPrice(0)">0</view>
      </view>
      <view class="r-view">
        <view class="item-view row" @click="delPrice">
          <image
            class="del-icon"
            src="/static/img/del.png"
            mode="scaleToFill"
          />
        </view>
        <view class="item-view row" @click="selPrice('.')"> . </view>
        <view class="pay-btn" @click="submit">付款</view>
      </view>
    </view>
  </view>
</template>

<script>
import mixins from "./mixins/index";
export default {
  mixins,
  components: {},
};
</script>

<style lang='scss' scoped>
@import "./src/style.scss";
</style>